ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe

127,489 views127K views
Nov 28, 2020
82.8K subscribers
Subscribed
Learn how to build & deploy a complete eCommerce website. In this video, we're going to build a fully functional eCommerce application using commerce.js. While building it you're going to learn many advanced React & JavaScript topics, as well as how to use Stripe for card transactions. On top of that, at the end of the video, you will have this unique and complex webshop app that you will be able to add to your portfolio. And trust me, e-commerce applications are impressive. This video contains a bit of advanced JavaScript, if you're feeling insecure about your knowledge and if you like my style of teaching, I'd definitely recommend my advanced JavaScript course: https://www.completepathtojavascriptm... ⭐ Commerce.js https://commercejs.com 📚 Materials/References: GitHub Code (feel free to give it a star ⭐) - https://github.com/adrianhajdin/proje... Styles: https://gist.github.com/adrianhajdin/... Icon Image: https://i.ibb.co/Qp1SXBw/commerce.png If you're experiencing any issues or bugs, Commerce.js team is ready to help: https://chec-commercejs-community.her... 💼 Business Inquiries: javascriptmastery00@gmail.com 🌎 Find Me Here: Instagram: https://instagram.com/javascriptmastery BuyMeACoffe: https://www.buymeacoffee.com/JSMastery Time Stamps 👇 00:00 Intro 04:12 Setup 09:20 Mock Products 25:07 Navbar 35:01 Commerce Products 52:50 Add to Cart 01:01:24 Cart Layout 01:21:17 React Router 01:29:11 Cart Buttons 01:38:01 Checkout 01:49:56 Address Form 02:04:48 Fetch Countries 02:23:00 Fetch Subdivisions 02:42:33 Review 02:49:38 Payment Form & Stripe 03:08:49 Integration 03:18:40 Mobile Responsiveness 03:20:23 Bug Fixes 03:21:36 No Credit Card Fix 03:25:45 Deployment
Show less
Cant believe this is free content. God bless you
65
I put in the key and an error "invalid public key" was returned. I have no idea why.
The fact that you show how to build all these amazing projects for free is just amazing. As a high school student, I don't afford to buy courses on the topic. Keep doing what you do, you are great!
30
Ecommerce! Wow. So excited! A question, why were you importing React from 'react'? we now have JSX transform by which we don't need to import it in React 17
1
God thanks!! I was looking for an ecommerce app that integrated the cart with an endpoint api... different from other videos that keep the cart in localStorage. thanks a lot!
1
Very appealing and highly recommended tutorial .thankyou for such content , i have a question how can we add search module into this so that incase of multiple products we can search and sort them ??
1
Thank you Adrian. In every minute of the video, there is something to learn new for newbie like me. Really appreciate your efforts and cool way of teaching.
1
Bruh, you deserve so much more sub. You're the best! I stop watching Traversy after I've discovered your channel.
1
I want this channel to be my little secret.. But I also wish for him to grow so bad
12
Having a blast and learning so much, Thank you!
1
This is the best stripe/react tutorial I have come across. He could easily break this up into a course and charge for it.
10
Hey, where will I get users email, address, zip, etc after they have done with the transaction? Is it gonna be in the commerce.js for their detail infromation?
1
Its been a long gap, sir, i was totally waiting for the new look of videos after the MERN project of memories. Finally, it shows up millions thanks as always that you come up with amazing concepts and programming!!!
1
We would really appreciate it if you made part 3 of the MERN app. You do have a lot of your followers liking your videos. Thanks, I'm learning so much.
33
I learned a lot of info from this tut. Thank you
1
One of the best tutorials I've ever followed. Exactly what I needed and explained so clearly! Thanks!
Hey man in the review form the payment has not included the shipping option price with it...Can you explain
1
Oh my God..This Channel is like Blessing..Thank You so Much..!!
Yay. I'm early today. Let me dive in. I'm sure Adrian has some bomb content
16
Thank you for a great step-by-step video! Much appreciated.
1